<?php include 'views/inc/header.php';
//<------ * TITLE LANG  * ------>
foreach ( _Function :: arrayLang() as $key => $value ) : 							
$explode = explode( '-', $key );
	if( $explode[1] == null ) {
		$explode[1] = $explode[0];
	}
	
if( $value ==  $_SESSION['lang'] ){
	$_SESSION['lang_now'] = $explode[1];
}
endforeach; ?>
<link rel="canonical" href="<?php echo URL_BASE; ?>">
</head>
<!-- Body -->
	<body id="sessionNull">
		
		<!-- warpper_top_bar -->
		<div class="warpper_top_bar">
				<!-- inner_top_bar -->
				<header class="inner_top_bar">
					<!-- padding_class -->
					<div class="padding_class">
						<?php include 'views/inc/logo.php'; ?>
						<!-- navegation -->	
					<nav id="navegation">
                        <ul>
                            <li>
                                <a href="<?php echo URL_BASE.'user/signup'; ?>">Sign Up</a>
                            </li>
                            <?php foreach( $this->pagesGeneral as $key ) : ?>
                                <li>
                                    <a href="<?php echo URL_BASE.$key['url'].'/'; ?>"><?php echo $key['title']; ?></a>
                                </li>
                            <?php endforeach; ?>

                        </ul>
					</nav><!-- navegation -->
					
						<!-- navegation -->
                    <div class="right-button">
                           <span></span>
                           <span></span>
                           <span></span>
                    </div>
					<nav id="navegation_2">
                        <ul>
                            <?php foreach( $this->pagesGeneral as $key ) : ?>
                                <li>
                                    <a href="<?php echo URL_BASE.$key['url'].'/'; ?>"><?php echo $key['title']; ?></a>
                                </li>
                            <?php endforeach; ?>

                            <li>
                                <a href="<?php echo URL_BASE.'api/'; ?>">API</a>
                            </li>

                            <li>
                                &copy; <?php echo date('Y')." ".SITE_NAME; ?>
                            </li>

                        </ul>
					</nav><!-- navegation -->
					
			    </div><!-- padding_class -->
			</header><!-- inner_top_bar -->
		</div><!-- warpper_top_bar -->
		
		<!-- layout -->
		<section class="layout session_null">
			<div class="popout"></div>

			<!-- padding_class -->
		    <div class="padding_class">
		  
			   <!-- map -->
			<div class="map">
<!--				<img src="--><?php //echo $_layoutParams['root_img']; ?><!--map.png" class="map_img" />-->
			   </div><!-- map -->
			   		
			   			<!-- welcome_text -->
<!--			   			<h1 class="welcome_text">-->
<!--			   			--><?php //echo $_SESSION['LANG']['welcome_text']; ?>
<!--			   		</h1><!-- welcome_text -->
			   		
			   		
			   			<!-- form_signin -->
			   			<div class="signin_form">

		    				<div class="form-img">
                                <img src="public/img/login-logo.jpg">
                            </div>
		    				<form style="display: none; border-top: 1px solid #FFF;" action="" method="post" name="form" id="recover_pass_form" class="form_login recoverForm">

                                <input type="text" name="email_recover" id="email_recover" placeholder="<?php echo $_SESSION['LANG']['placeholder_email_recover']; ?>" title="<?php echo $_SESSION['LANG']['placeholder_email_recover']; ?>" />
		    					<a style="cursor: pointer;" class="recover_pass buttonInside forgot buttonBack">&laquo; <?php echo $_SESSION['LANG']['back']; ?></a>
		    					<span id="error_recover"></span>
		    					<span id="success_recover"></span>
		    					<button type="submit" id="buttonRecoverPass"><?php echo $_SESSION['LANG']['send']; ?></button>
		    				</form>
		    				
		    				<form action="" method="post" name="form" id="signin_form" class="signInForm">
                                <p class="signin-title margin-bottom-15">Sign in</p>
                                <div class="form-img margin-bottom-15">
                                    <img class="fbLogin" title="Login with Facebook"  onclick="FBLogin()" src="public/img/login-face-book-btn.jpg">
                                </div>
                                <p class="signin-title margin-bottom-15">Or sign in manually</p>
		    					<label class="">Login id</label> <input type="text" name="user" id="user" placeholder="<?php echo $_SESSION['LANG']['placeholder_email_username']; ?>" title="<?php echo $_SESSION['LANG']['placeholder_email_username']; ?>" />
                                <label class="">Password</label><input type="password" name="password" id="password_signin" placeholder="<?php echo $_SESSION['LANG']['placeholder_pass']; ?>" title="<?php echo $_SESSION['LANG']['placeholder_pass']; ?>" />

		    					<span id="error"></span>
		    					<span id="success_signin"></span>
		    					<button type="submit" id="buttonSignIn" data-wait="<?php echo $_SESSION['LANG']['please_wait']; ?>"><?php echo $_SESSION['LANG']['sign_in']; ?></button>

                                <a style="cursor: pointer;"  class="recover_pass forgot buttonForgot"><?php echo $_SESSION['LANG']['placeholder_forgot_pass']; ?></a>

                                <a style="cursor: pointer;"  href="<?php echo URL_BASE.'user/signup'; ?>" class=" forgot buttonForgot"><?php echo $_SESSION['LANG']['register_new_account']; ?></a>
		    				</form>
			   		</div><!-- form_signup -->
			   		
			   		

			   		
			 </div><!-- padding_class -->
            <!-- footer -->
		</section><!-- layout -->
		

   
   <script src="<?php echo $_layoutParams['root_js']; ?>jquery-1.7.1.min.js" type="text/javascript"></script>
   <script src="<?php echo $_layoutParams['root_js']; ?>login.sign.up.js"></script>
   <script src="<?php echo $_layoutParams['root_js']; ?>jquery.backstretch.min.js"></script>
   <script src="<?php echo $_layoutParams['root_js']; ?>jquery.placeholder.1.1.1.min.js"></script>
   
   <script>
   
   $('.toogle').click(function() {
		$('.boxLogin').slideToggle(2);
		$(this).addClass('active');
		return false
	});
	
	$(document).bind('click', function(e) {
		var $clicked = $(e.target);
		if ( !$clicked.parents().hasClass("toogle") 
		)
		{
			$(".boxLogin").slideUp(1);
			$('.toogle').removeClass('active');
		}
	});
	
   $.backstretch(["<?php echo $_layoutParams['root_img']; ?>bg.jpg"]);
   jQuery(document).ready(function($) {
  
  <?php if( $this->accountValidate == 1 && isset( $_GET['validate'] ) ): ?>
  $('.popout').html( '<?php echo $_SESSION['LANG']['accoun_validated'] ?>' ).fadeIn( 500 );
  <?php endif; ?>
  
  <?php if( $this->accountValidate == 0 && isset( $_GET['validate'] ) ): ?>
  $('.popout').html( '<?php echo $_SESSION['LANG']['code_not_valid'] ?>' ).fadeIn( 500 );
  <?php endif; ?>
  
  $(function(){
      $(':input[placeholder]').placeholder();
    });
    
   });

       $(document).on('click','.right-button', function(){
           $('#navegation_2').toggle();
       })
  </script>
 </body>
</html>

   
